<template>
    <div>
        <homeHeader :submenu="submenu"/>
        <div class="wrap-bg" style="min-height:592px;">
            <div class="wrapper">
                <div class="scroll"><inform /></div>
                <div class="login_area_box">
                <div class="mainloginbox clear" id="LOGIN-FORM01">
                    <div class="login-tit">
                        <h1>
                            <span class="right">没有账号？<router-link class="orange" v-bind:to="{path:`/reg`}">立即注册</router-link></span>
                            账户登录
                        </h1>
                    </div>
                    <div class="login-form">
                        <ul>
                            <li>
                                <div class="info-left"><span class="red">* </span>用户名：</div>
                                <div class="info-right">
                                    <Input type="text" class="reg-int" placeholder="账户" />
                                </div>
                                <div class="info-txt">请输入用户名（5-15个英文、数字）</div>
                            </li>
                            <li>
                                <div class="info-left"><span class="red">* </span>密码：</div>
                                <div class="info-right">
                                    <Input type="password"  class="reg-int"  placeholder="密码" />
                                </div>
                                <div class="info-txt"></div>
                            </li>
                            <li>
                                <div class="info-left">&nbsp;</div>
                                <div class="info-right info-login">
                                    <!--<input type="submit" title="登录" class="submit" value="登录" data-bind="visible:!isSubmitting()" />-->
                                    
                                    <Button type="error" long>登录</Button>
                                </div>
                            </li>
                            <li>
                                <div class="info-left">&nbsp;</div>
                                <div class="info-right info-login">
                                    <!--<input type="submit" title="登录" class="submit" value="登录" data-bind="visible:!isSubmitting()" />-->
                                    
                                    <Button type="error" long>免费开户</Button>
                                </div>
                            </li>
                            <li>
                                <div class="info-left">&nbsp;</div>
                                <div class="info-right help-info">
                                    <a href="javascript:;" id="forgetBtn" class="login_forgetpassword" style="">忘记密码?</a>
                                    <span class="separate">|</span>
                                    <!--<a href="javascript:;" class="authentication" style="display:inline-block;">域名验证</a>
                                      <span class="separate">|</span> -->
                                    <a href="https://static.meiqia.com/dist/standalone.html?_=t&amp;eid=119857" target="_blank" class="online_service">在线客服</a>

                                    <span class="separate">|</span>
                                    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=&amp;site=qq&amp;menu=yes" target="_blank" class="online_service" style="text-align:right;margin-top: 12px;text-decoration:underline;font-size:14px;text-decoration:none;display:inline-block;">客服QQ</a>
                                </div>
                            </li>
                        </ul>
                        
                        
                        
                    </div>
                </div>
            </div>
            </div>
        </div>
        <homeFooter />
    </div>
</template>

<script>
import homeHeader from "@/components/home/header";
import homeFooter from "@/components/home/footer";
import inform from "@/components/home/inform";
import {Button,Input} from 'iView'
export default {
    name:"login",
    data(){
        return{
            submenu:true
        }
    },
    components:{
        homeHeader,
        homeFooter,
        inform,
        Button,
        Input
    }
}
</script>

<style scoped>
.wrapper {
    position: relative;
    z-index: 9;
    width: 1000px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
}
.scroll{
    width:760px;
    margin: 0 auto;
}
/*登录*/
.mainloginbox {
    background: #fff;
    border: 1px solid #dfdfdf;
    margin-bottom: 0px;
    margin-top: 0px;
}
.login-tit {
    height: 47px;
    line-height: 47px;
    padding: 0 15px;
    background-color: #fffcf4;
    border-bottom: 1px solid #dfdfdf;
}
.login-tit h1 {
    font-size: 16px;
    font-weight: normal;
    color: #f13131;
}
.login-tit h1 span {
    float: right;
    color: #333;
    font-size: 12px;
}
.orange {
    color: #02339a;
}
/*登陆列表*/
.login_area_box ul {
    overflow: hidden;
}
.login_area_box ul li {
    height: 40px;
    line-height: 36px;
    padding-top: 10px;
    margin-bottom: 16px;
    position: relative;
}
.info-left {
    float: left;
    width: 210px;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    color: #000;
}
.red {
    color: #f00;
}
.info-right {
    position: relative;
    width: 250px;
    float: left;
    white-space: nowrap;
}
.login_area label {
    position: absolute;
    top: 2px;
    left: 10px;
    color: #999;
}
.login_area_box ul input {
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
}
.login_area_box ul li:first-of-type .info-txt {
    line-height: 19px;
    padding-top: 7px;
}
.info-txt {
    position: absolute;
    width: 330px;
    left: 490px;
}
.reg-int {
    height: 40px;
}
.reg-int, .codes-int {
    width: 260px;
    line-height: 20px;
    padding: 6px 10px;
    border-radius: 2px;
    box-sizing: border-box;
}
</style>
